<template>
  <nav>
      <ul>
          <li>
              <router-link to="/" exact>主页</router-link>
              <router-link to="/1" exact>页面1</router-link>
              <router-link to="/2" exact>页面2</router-link>
              <router-link to="/3" exact>页面3</router-link>
              <router-link to="/reg" exact>注册</router-link>
              <router-link to="/login" exact>登录</router-link>

          </li>
      </ul>
  </nav>
</template>

<script>
export default {
  name: 'pageheader',

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

ul {
  list-style-type: none;
  text-align:center;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
